.page {
	padding: 24rpx 24rpx calc(24rpx + env(safe-area-inset-bottom));
	> .header {
		display: flex;
		justify-content: space-between;
		> .logo {
			width: 178rpx;
			height: 56rpx;
		}
		> .login-btn {
			color: #d92626;
			font-size: 30rpx;
			font-weight: 600;
			line-height: 52rpx;
		}
	}
	> .banner {
		margin-top: 32rpx;
		width: 100%;
		height: 328rpx;
		border-radius: 20rpx;
	}
	> .menu-list {
		margin-top: 32rpx;
		.row {
			&:not(:first-child) {
				margin-top: 20rpx;
			}
			display: flex;
			> .menu-item {
				width: 0;
				flex: 1;
				position: relative;
				height: 188rpx;
				padding: 12rpx 22rpx;
				box-sizing: border-box;
				border-radius: 12rpx;
				overflow: hidden;
				.red-point {
					position: absolute;
					right: 12rpx;
					top: 12rpx;
					width: 18rpx;
					height: 18rpx;
					border-radius: 9rpx;
					background: #ef0101;
				}
				&:not(:last-child) {
					margin-right: 20rpx;
				}
				.background {
					position: absolute;
					left: 0;
					top: 0;
					width: 100%;
					height: 100%;
					z-index: -1;
				}
				.title {
					font-size: 26rpx;
					font-weight: 600;
					line-height: 1.5;
				}
				.desc {
					font-size: 26rpx;
				}
			}
		}
	}
	> .block-list {
		display: flex;
		margin-top: 32rpx;
		> .block {
			width: 0;
			flex: 1;
			&:not(:last-child) {
				margin-right: 20rpx;
			}
			&.study-aboard {
				> .content {
					background: #3b70e4;
					padding: 20rpx 10rpx;
					box-sizing: border-box;
					> .row {
						display: flex;
						&:not(:first-child) {
							margin-top: 10rpx;
						}
						.item {
							&:not(:last-child) {
								margin-right: 10rpx;
							}
							height: 196rpx;
							box-sizing: border-box;
							position: relative;
							width: 0;
							flex: 1;
							> .background {
								position: absolute;
								left: 0;
								top: 0;
								width: 100%;
								height: 100%;
								z-index: 1;
							}
							> .content {
								position: absolute;
								left: 0;
								top: 0;
								width: 100%;
								height: 100%;
								z-index: 2;
								padding: 0 10rpx;
								box-sizing: border-box;
								> .logo-container {
									height: 50%;
									display: flex;
									align-items: center;
									justify-content: center;
									.icon {
										max-width: 110rpx;
										max-height: 80rpx;
									}
								}
								> .projectName {
									margin-top: 8rpx;
									font-weight: 500;
									font-size: 22rpx;
									color: #000000;
									text-align: center;
									width: 100%;
									//文本溢出部分不换行，加省略号
									overflow: hidden;
									text-overflow: ellipsis;
									white-space: nowrap;
								}
								> .schoolText {
									text-align: center;
									font-size: 22rpx;
									line-height: 2;
									color: #999999;
								}
								&.view-more {
									display: flex;
									align-items: center;
									justify-content: center;
									.text {
										color: #3b70e4;
										font-size: 26rpx;
									}
								}
							}
						}
					}
				}
			}
			&.course-sales {
				.image {
					width: 100%;
					height: 100%;
				}
			}
			> .title {
				display: flex;
				align-items: center;
				.point {
					height: 28rpx;
					width: 8rpx;
					background: linear-gradient(180deg, #73caff 0%, #2a87ff 100%);
					border-radius: 4rpx;
				}
				.text {
					margin-left: 16rpx;
					font-size: 34rpx;
					font-weight: 600;
					color: #372929;
				}
			}
			> .content {
				margin-top: 16rpx;
				border-radius: 16rpx;
				overflow: hidden;
				height: 440rpx;
			}
		}
	}
}
